<template>
  <div class="feedback">
    <mtHeader
      fixed
      title="意见反馈"
      style="background: linear-gradient(0deg, #399f00, #26701a);height:1rem"
    >
        <div class="header-left iconfont" slot="left" @click="$router.back(-1)">&#xe623;</div>
        <div slot="right" @click="submit">提交</div>
    </mtHeader>
    <div class="container">
        <p class="req">
            问题类型
        </p>
        <div class="req-three">
            <button class="btn" size="small" :class="{activity:isActivity1}"   @click="choose(1)">BUG</button>
            <button class="btn" size="small" :class="{activity:isActivity2}"   @click="choose(2)">优化建议</button>
            <button class="btn" size="small" :class="{activity:isActivity3}"   @click="choose(3)">其他</button>
        </div>
        <div class="line-h"></div>
        <div class="req-tit">
            <textarea placeholder="请输入内容" class="foodback"></textarea>
        </div>
        
    </div>
  </div>
</template>
<script>
import { Header,Button  } from "mint-ui";

export default {
  name: "feedback",
  components: {
    mtHeader: Header,
    mtButton:Button
  },
  data: function() {
    return {
      title: "",
      isActivity1:false,
      isActivity2:false,
      isActivity3:false  
    };
  },
  methods: {
    submit(){

    },
    choose(e){
        if(e==1){
            this.isActivity1=!this.isActivity1;
        }else if(e==2){
            this.isActivity2=!this.isActivity2
        }else{
            this.isActivity3=!this.isActivity3
        }
    }
  }
};
</script>
<style lang="less" scoped>
  @import url('~styles/common.less');
</style>